@import '~#app/common.less';

.graph-wrap {
	position: relative;
	height: calc(100% - @controlHeight);
	overflow: hidden;

	> .panel {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 20px;
		display: inline-flex;
		background: #fff;
		border: 1px solid #e8e8e8;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
		border-radius: 4px;
		padding: 5px 12px 5px 22px;

		.panel-group {
			display: inline-flex;
			align-items: center;

			> .nebula-cloud-icon {
				font-size: 25px;
			}

			&:not(:first-child) {
				margin-left: 10px;
			}

			&:not(:last-child) {
				border-right: 1px solid #e8e8e8;
			}
		}
	}
}
